Progressive Web Apps

Progressiv Web Apps Progressiv Web Apps Dev Summit Progressiv Web Apps Google.com Progressive Web Apps Smashing magazine PWA.rocks Font awesome logotyp

Namn och kodpunkt för ikoner från Font Awesome 4.7.0 (den sista versionen som var helt gratis)

  • fa-mobile&#xf10b
  • fa-tablet
  • fa-laptop
  • fa-desktop
  • fa-television

Citat

Förkortningar

  • PWA - Progressiv Web Apps
  • A2HS - Add to Home screen

Responsive

Perfectly filling the screen, these websites are primarily aimed at phones and tablets and must respond to the plethora of screen sizes. They should also just work as desktop websites. Responsive design has been a major part of website building for many years now. Smashing Magazine has some great articles on it.

Offline-first

The app must be capable of starting offline and still display useful information.

Touch-capable

The interface should be designed for touch, with gesture interaction. User interaction must feel responsive and snappy, with no delay between a touch and a response.

App meta data

The app should provide meta data to tell the browser how it should look when installed, so that you get a nice high-resolution icon on the home screen and a splash screen on some platforms.

Push notifications

The app is able to receive notifications when the app is not running (if applicable).

… BUT SHOULD MAINTAIN CERTAIN WEB-LIKE PROPERTIES LINK

Progressive

The app’s ability to be installed is a progressive enhancement. It is vital that the app still work as a normal website, especially on platforms that do not yet support installation or service workers.

HTTPS on the open web

The app should not be locked to any browser or app store. It should be able to be deep linked to and should provide methods for sharing the current URL.

Progressive webapp på Andorid